<%--
  Created by IntelliJ IDEA.
  User: 14533
  Date: 2021/12/21
  Time: 16:49
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html lang="en">

<head>

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">
    <title>首页</title>
    <link href="css/style.default.css" rel="stylesheet">
    <link href="css/morris.css" rel="stylesheet">
    <link href="css/select2.css" rel="stylesheet" />
    <link href="css/style.css" rel="stylesheet">
    <link href="css/style.calendar.css" rel="stylesheet">
    <!-- 最新版本的 Bootstrap 核心 CSS 文件 -->
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css" integrity="sha384-HSMxcRTRxnN+Bdg0JdbxYKrThecOKuH5zCYotlSAcp1+c8xmyTe9GYg1l9a69psu" crossorigin="anonymous">
    <!-- 可选的 Bootstrap 主题文件（一般不用引入） -->
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap-theme.min.css" integrity="sha384-6pzBo3FDv/PJ8r2KRkGHifhEocL+1X2rVCTTkUfGk7/0pbek5mMa1upzvWbrUbOZ" crossorigin="anonymous">
    <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js" integrity="sha384-aJ21OjlMXNL5UyIl/XNwTMqvzeRMZH2w8c5cRVpzpU8Y5bApTppSuUkhZXN0VxHd" crossorigin="anonymous"></script>
    <script src="https://s3.pstatp.com/cdn/expire-1-M/jquery/3.1.1/jquery.min.js"></script>
    <script src="js/echarts5.js"></script>
    <script src="admin/total/js/china.js"></script>
    <script src="js/user/sex.js"></script>
    <script src="js/user/total.js"></script>
    <script src="js/shop/pro_hot_cate_top3.js"></script>
    <script src="js/user/era_parchase_count.js"></script>
    <script src="js/user/era_view_count.js"></script>
    <script src="js/user/era_cart_count.js"></script>
    <script src="js/user/era_total_count.js"></script>
    <script src="js/user/era_hot_cate_top3.js"></script>
    <script src="js/user/era_hot_shop_top10.js"></script>
    <script src="js/user/time_all_count.js"></script>
    <script src="js/user/time_sex_count.js"></script>
    <script src="js/shop/pro_hot_shop_top10.js"></script>
    <script src="js/shop/pro_total_count.js"></script>
    <script src="js/shop/cate_par_top10.js"></script>
    <script src="js/shop/shop_par_top20.js"></script>
    <script src="js/shop/pro_users_top3.js"></script>
    <script src="js/model/page_view_count_top10.js"></script>
    <script src="js/adverts/advert_click_count.js"></script>
    <script src="js/model/all_show.js"></script>
    <script src="admin/total/js/base.js"></script>
<%--    <script>--%>
<%--        // stopColor();--%>
<%--        // all_show();--%>
<%--    </script>--%>
</head>

<body>

<header>
    <div class="headerwrapper" align="center">
        <p style="line-height: 60px; font-size: 30px;" id="title">
            用户行为分析系统
        </p>
    </div>
</header>
<section>
    <div class="mainwrapper">
        <div class="leftpanel">
            <div class="media profile-left">
                <a class="pull-left profile-thumb" href="#">
                    <img class="img-circle" src="https://cdn.jsdelivr.net/gh/Aunean-ls/pic/img/u004.webp" alt="">
                </a>
                <div class="media-body">
                    <h4 class="media-heading">个人信息</h4>
                    <span class="user-options">
                            <a href="#"><i class="glyphicon glyphicon-user"></i></a>
                            <a href="#"><i class="glyphicon glyphicon-cog"></i></a>
                        </span>
                </div>
            </div>
            <ul class="nav nav-pills nav-stacked">
                <li class="parent"><a href="#"><i class="fa fa-suitcase"></i> <span>用户Session行为分析</span></a>
                    <ul class="children">
                        <li><a href="javascript:era_parchase_count()">各个年代用户销量的统计</a></li>
                        <li><a href="javascript:era_view_count()">各个年代用户浏览量的统计</a></li>
                        <li><a href="javascript:era_cart_count()">各个年代用户加入购物车量的统计</a></li>
                        <li><a href="javascript:era_total_count()">各个年代用户总操作量的统计</a></li>
                        <li><a href="javascript:era_hot_cate_top3(1)">各个年代热门类目top3</a></li>
                        <li><a href="javascript:era_hot_shop_top10(1)">各个年代热门商品top10</a></li>
                        <li><a href="javascript:time_all_count(1)">各个时间段的统计</a></li>
                        <li><a href="javascript:time_sex_count(1)">各个时间段的不同性别统计</a></li>
                        <li><a href="javascript:sex_count()">不同性别总操作量的统计</a></li>
                        <li><a href="javascript:total_count()">总量的统计</a></li>
                    </ul>
                </li>
                <li class="parent"><a href="#"><i class="fa fa-suitcase"></i> <span>离线商品统计</span></a>
                    <ul class="children">
                        <li><a href="javascript:pro_hot_cate_top3(1)">各地区热门类目top3</a></li>
                        <li><a href="javascript:pro_hot_shop_top10(1)">各地区热门商品top10</a></li>
                        <li><a href="javascript:pro_total_count(1)">各地区总操作量的统计</a></li>
                        <li><a href="javascript:cate_par_top10()">销量前10的类目</a></li>
                        <li><a href="javascript:shop_par_top20(1)">销量前20的商品</a></li>
                        <li><a href="javascript:pro_users_top3()">用户人数top3的区域</a></li>

                    </ul>
                </li>
                <li class="parent"><a href="#"><i class="fa fa-suitcase"></i> <span>页面单跳转化率</span></a>
                    <ul class="children">
                        <li><a href="javascript:page_view_count_top10(1)">浏览量top10的页面</a></li>
                    </ul>
                </li>
                <li class="parent"><a href="#"><i class="fa fa-suitcase"></i> <span>实时广告流量统计</span></a>
                    <ul class="children">
                        <li><a href="javascript:advert_click_count()">实时广告点击量统计</a></li>
                    </ul>
                </li>
                <li class="parent"><a href="#"><i class="fa fa-suitcase"></i> <span>大屏展示</span></a>
                    <ul class="children">
                        <li><a href="javascript:all_show()">大屏展示</a></li>
                    </ul>
                </li>

            </ul>
        </div>
        <div class="mainpanel">
            <div class="contentpanel" style="padding: 0">
                <div class="row" style="width: 1470px;height: 900px; padding: 0; margin: 0">
                    <iframe src="admin/total/show.html" width="1470px" height="900px"></iframe>
                </div>
                <div class="row" style="margin-left: 20px; display: none">
                    <div id="tip" style="margin-bottom: 40px;">
                        <h3>功能</h3>
                    </div>
                    <div id="dataTable">
                        <table class="table table-bordered">
                            <thead>
                            <tr id="head-tr" class="warning">
                                <th>ID</th>
                                <th>年代</th>
                                <th>浏览量</th>
                            </tr>
                            </thead>
                            <tbody id="tbody">
                            <tr>
                                <td>1</td>
                                <td>50</td>
                                <td>3333</td>
                            </tr>
                            <tr>
                                <td>2</td>
                                <td>60</td>
                                <td>3333</td>
                            </tr>
                            <tr>
                                <td>3</td>
                                <td>70</td>
                                <td>3333</td>
                            </tr>
                            <tr>
                                <td>4</td>
                                <td>80</td>
                                <td>3333</td>
                            </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
                <div class="row" style="margin-left: 20px; display: none" id="dataEcharts">
                    <div id="echart-tip" style="margin-bottom: 40px;"><h3>图表</h3></div>
                </div>
            </div>
        </div>
    </div>
    <!-- <script src="js/jquery-1.11.1.min.js"></script> -->
    <script src="js/jquery-migrate-1.2.1.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/modernizr.min.js"></script>
    <script src="js/pace.min.js"></script>
    <script src="js/retina.min.js"></script>
    <script src="js/jquery.cookies.js"></script>
    <script src="js/jquery.scrollto.min.js"></script>
    <script src="js/jquery.slimscroll.js"></script>
    <script src="js/jquery.flot.min.js"></script>
    <script src="js/jquery.flot.resize.min.js"></script>
    <script src="js/jquery.flot.spline.min.js"></script>
    <script src="js/jquery.sparkline.min.js"></script>
    <script src="js/morris.min.js"></script>
    <script src="js/raphael-2.1.0.min.js"></script>
    <script src="js/bootstrap-wizard.min.js"></script>
    <script src="js/select2.min.js"></script>
    <script src="js/css3clock.js"></script>
    <script src="js/jquery-ui-1.10.3.min.js"></script>
    <script src="js/moment.min.js"></script>
    <script src="js/fullcalendar.min.js"></script>
    <script src="js/custom.js"></script>
    <script src="js/dashboard.js"></script>

    <script>
        function changeColor() {
            $("tbody tr:even").addClass("active");
            $("tbody tr:even").addClass("info");
        }
        changeColor();
        var color = "";
        $(function() {
            $("#title").css("color", "white");
            $("tbody tr").on("mouseenter", this, function() {
                color = $(this).attr("class");
                $(this).removeClass(color);
                $(this).addClass("success");
            });
            $("tbody tr").on("mouseleave", this, function() {
                $(this).removeClass("success");
                $(this).addClass(color);
            });
        })
    </script>
</section>
</body>

</html>
